<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./code/css/reset.css">
    <link rel="stylesheet" href="./code/css/index.css">
    <title>TK</title>
</head>
<body>
    <div class="web">
        <header>
            <div class="graylinetop clearfix">
                <span class="fl">全国服务热线：400-000-0000</span>
                <span class="fl">设为首页</span>
                <span class="fr">加入收藏</span>
            </div>
            <div class="navigation">
                <div class="navigation-left">
                    <img src="./src/S-logo.png" alt="1">
                </div>
                <div class="navigation-middle">
                    <p>TK科技有限公司</p>
                    <p>cer dcd keo Holdings Co., Ltd.</p>
                </div>
                <div class="navigation-right">
                    <div class="shadow"></div>
                    <ul class="clearfix">
                        <li class="fl">
                            <div class="navcontent">
                                <p>
                                    <a href="#">首页</a>
                                </p>
                                <p>
                                    <a href="#">Home</a>
                                </p>
                            </div>
                        </li>
                        <li class="fl">
                            <div class="navcontent">
                                <p>
                                    <a href="#aboutus">关于我们</a>
                                </p>
                                <p>
                                    <a href="#aboutus">About</a>
                                </p>
                            </div>
                        </li>
                        <li class="fl">
                            <div class="navcontent">
                                <p>
                                    <a href="./code/html/product.html">产品中心</a>
                                </p>
                                <p>
                                    <a href="./code/html/product.html">Products</a>
                                </p>
                            </div>
                        </li>
                        <li class="fl">
                            <div class="navcontent">
                                <p>
                                    <a href="#">服务支持</a>
                                </p>
                                <p>
                                    <a href="#">Service</a>
                                </p>
                            </div>
                        </li>
                        <li class="fl">
                            <div class="navcontent">
                                <p>
                                    <a href="#">新闻中心</a>
                                </p>
                                <p>
                                    <a href="#">News</a>
                                </p>
                            </div>
                        </li>
                        <li class="fl">
                            <div class="navcontent">
                                <p>
                                    <a href="./code/html/more.html">在线商店</a>
                                </p>
                                <p>
                                    <a href="./code/html/more.html">Shop</a>
                                </p>
                            </div>
                        </li>
                        <li class="fl">
                            <div class="navcontent">
                                <p>
                                    <a href="#">联系我们</a>
                                </p>
                                <p>
                                    <a href="#">Contact Us</a>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="topimg">
                <img src="./src/backGround.jpg" alt="1">
            </div>
        </header>
        <div class="MIDbox">
            <section class="middlebox">
                <div>
                    <div class="smallbgc">
                        <img src="./src/S-icon1.png" alt="1">
                        <p>新闻中心</p>
                        <p>NEWS.CENTER</p>
                        <hr>
                        <div class="san"></div>
                    </div>
                    <div class="CeBIT">
                        <p>CeBIT 2015</p>
                    </div>
                    <div class="CeBIT-content">
                        <div>
                            <img src="./src/S-pic1.png" alt="1">
                        </div>
                        <div>
                            <p>创新ICT共建全联接<br>世界德国汉诺威展览<br>中心<br>3月16日-20日</p>
                        </div>
                    </div>
                    <div class="CeBIT-contentButtom">
                        <ul>
                            <li>
                                <span>上海国际智能建筑展览会</span>
                            </li>
                            <li>
                                <span>2014德国柏林国际消费类电子产品展览会</span>
                            </li>
                            <li>
                                <span>2014中国（贵阳）公告安全防范产品博览会</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div>
                    <div class="smallbgc1">
                        <img src="./src/S-icon2.png" alt="1">
                        <p>新品发布</p>
                        <p>NEW.PRODUCTS</p>
                        <hr>
                        <div class="san"></div>
                    </div>
                    <div class="MIDpic">
                        <ul class="midpictures">
                            <li>
                                <img src="./src/S-prev.png" alt="1" class="midleft">
                            </li>
                            <li>
                                <img src="./src/S-pic2.png" alt="1">
                            </li>
                            <li>
                                <img src="./src/S-next.png" alt="1" class="midright"> 
                            </li>
                        </ul>
                        <p class="MIDp1">s6213w-y</p>
                        <p>海思3518E方案，多码流技术，百万高清</p>
                    </div>
                    
                    
                </div>
                <div>
                    <div class="smallbgc2">
                        <img src="./src/S-icon3.png" alt="1">
                        <p>品牌介绍</p>
                        <p>INFORMATION</p>
                        <hr>
                        <div class="san"></div>
                    </div>
                    <div class="Rightcontent">
                        <img src="./src/S-pic3.png" alt="1">
                        <p>"siepem"品牌是广州市TK科技有限公司<br>
                            推出的自有品牌</p>
                    </div>
                </div>
            </section>
            <section class="About-us">
                <div class="HR">
                    <hr>
                </div>
                <div class="aboutus" id="aboutus">
                    <p>关于我们</p>
                    <p>STORE DISPLAY</p>
                </div>
    
                <div class="aboutcontent">
                    <p>广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。<br>TK公司自创立以来, 一直持续加大研发投入和不断致力于技术创新。现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品<br>持续为客户创造最大价值。</p>
    
                    <div class="abtuspic">
                        <ul>
                            <li class="li1">
                                <img src="./src/S-lb1.png" alt="1">
                            </li>
                            <li class="li2">
                                <img src="./src/S-lb2.png" alt="1">
                            </li>
                            <li class="li3">
                                <img src="./src/S-lb3.png" alt="1">
                            </li>
                            <li class="li4">
                                <img src="./src/S-lb4.png" alt="1">
                            </li>
                            <li class="li5">
                                <img src="./src/S-lb5.png" alt="1">
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="story-us">
                    <div class="HR">
                        <hr>
                    </div>
                    <div class="storyus">
                        <p>联系我们</p>
                        <p>STORE DISPLAY</p>
                    </div>
                </div>
            </section>
            
        </div>
        <section>
            <div class="Message">
                <div class="messageleft">
                    <div class="mesleft-top">
                        <div class="MLTL">
                            <img src="./src/erweima.png" alt="1">
                            <p>微信扫一扫<br>关注我们相关的信息</p>
                        </div>
                        <div class="MLTR">
                            <ul>
                                <li>
                                    <img src="./src/S-icon01.png" alt="1">
                                    <p>服务热线：400-000-0000</p>
                                </li>
                                <li>
                                    <img src="./src/S-icon02.png" alt="1">
                                    <p>联 &nbsp;系 &nbsp;人：某先生</p>
                                </li>
                                <li>
                                    <img src="./src/S-icon03.png" alt="1">
                                    <p>公司邮箱：www.tk.com</p>
                                </li>
                                <li>
                                    <img src="./src/S-icon04.png" alt="1">
                                    <p>公司传真：000-12345678</p>
                                </li>
                                <li>
                                    <img src="./src/S-icon05.png" alt="1">
                                    <p>邮政编码：467000</p>
                                </li>
                                <li>
                                    <img src="./src/S-icon06.png" alt="1">
                                    <p>公司地址：广州市某某区某某路某号</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="mesleft-buttom">
                        <img src="./src/S-map.png" alt="1">
                    </div>
                </div>
                <div class="messageright">
                    <ul>
                        <li>
                            <p>昵称</p>
                            <input type="text" name="" id="">
                        </li>
                        <li>
                            <p>联系电话</p>
                            <input type="text" name="" id="">
                        </li>
                        <li>
                            <p>电子邮箱</p>
                            <input type="text" name="" id="">
                        </li>
                        <li>
                            <p>内容</p>
                            <textarea name="" id=""></textarea>
                        </li>
                        <li>
                            <input type="button" name="submit" id="submit"  value="提交">
                        </li>
                    </ul>
                </div>
            </div>
        </section>
        <footer>
            <div>
                <div class="buttomup">
                    <span>关于我们：</span>
                    <img src="./src/buttomlogo.png" alt="">

                    <p>网站首页 · 新闻动态 · 关于我们 · 团队风采 · 联系我们 · 在线留言</p>
                </div>
                <div class="buttomdown">
                    <p>©2015 TK科技有限公司 &nbsp;版权所有沪ICP证13022560号-7 All Rights Reserved</p>
                </div>
            </div>
        </footer>
        
    </div>
</body>
</html>